// 负责管理所有自定义指令

// 处理图片不显示的问题(图片地址失效)
export const imageerror = {
    // 指令对象  会在当前DOM元素插入到页面节点之后执行
    // 初始化时执行，只会执行一次
    inserted(el, options) {
        // 如果 el.src没有值，为null，是不会触发 error事件的
        el.src = el.src || options.value
        // 当图片有地址，但是地址的图片没有成功加载，触发图片的事件 onerror
        el.onerror = function () {
            // el注册error事件,给一个默认图片（传入的）
            el.src = options.value
        }
    },
    // 钩子函数，会在数据更新完毕之后调用
    // componentUpdated(){}
    update(el,options) {
        el.src = el.src || options.value
    }
}

